<!DOCTYPE html>
<html>
<head>
    <title>五宝回收</title>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
    <link rel="stylesheet" href="${s.base}/mobile/css/weui.min.css">
    <link rel="stylesheet" href="${s.base}/mobile/css/jquery-weui.min.css">
    <link rel="stylesheet" href="${s.base}/mobile/css/base.css">
    <link rel="stylesheet" href="${s.base}/mobile/css/component.css?1232445">
    <style type="text/css">
		body,html{background: #fafafa;}

        .xyg-comp-banner {
            width: 96%;
            margin: 10px 2% 0px 2%;
            height: 365px;
        }
        .xyg-index{width:100%;height:auto; margin-top: 1rem;}
        .xyg-index .xyg-index-content .xyg-index-content-btn{width:93%; height:auto; margin:0.2rem 3.5%; }
        .xyg-index-content-btn .xyg-index-content-btn-item{width:20%;height:auto; float: left;}
        .xyg-index-content-btn .xyg-index-content-btn-item .xyg-index-content-btn-content{width:100%; height:130px;}

        .xyg-index-content-btn .xyg-index-content-btn-item .xyg-index-content-btn-item-bg{width:65%; height:auto; padding-top: 10px; margin: 0px auto 0.2rem auto;}
        .xyg-index-content-btn .xyg-index-content-btn-item .xyg-index-content-btn-item-bg1{width:80%; height:auto; margin: 0rem auto 0.2rem auto;}
        .xyg-index-content-btn .xyg-index-content-btn-item .xyg-index-content-btn-item-title{width:100%; font-size: 28px; height:1rem;  text-align:center;color:#666666;letter-spacing: 0.1rem;}
        .xyg-index-dd{width:96%; padding: 0px 2%; height:auto;background: #ffffff;}
        .xyg-index-dd .xyg-index-dd-item{width:50%;height:8rem;position: relative; float: left;margin-top: 0.2rem;}
        .xyg-index-dd .xyg-index-dd-item .xyg-index-dd-item-bg{width:100%; height:8rem;}
        .xyg-index-dd .xyg-index-dd-item .xyg-index-dd-item-title{color: #000000;font-size:35px; letter-spacing: 0.1rem; position: absolute; top:3rem; left:3.5rem;}
        .xyg-index-dd .xyg-index-dd-item  .xyg-index-dd-item-desc{color: #ffffff;letter-spacing: 0.1rem; font-size: 28px;  position: absolute; top:4.2rem; left:1.2rem;}

    </style>
</head>
<body>
<body style="background:#fafafa;">
<input type="hidden" value="" id="latitude"/>
<input type="hidden" value="" id="longitude"/>
 <!--头部开始-->
    <div class="xyg-comp-banner swiper-container">
		<div class="swiper-wrapper">
            <#list shopBannerList as shopBanner>
                <#if shopBanner.url?? && shopBanner.url!="">
                    <div onClick="goJump('${shopBanner.url}','${memberId}')" class="swiper-slide"><img src="${shopBanner.image}"/></div>
                    <#else>
                        <div  class="swiper-slide"><img src="${shopBanner.image}"/></div>
                </#if>
            </#list>
		</div>
		<div class="swiper-pagination xyg-comp-banner-swiper"></div>
	</div>
   <!--头部结束-->

<div class="xyg-index">
   
    <!--详情内容开始-->
    <div class="xyg-index-content">
        <!--按钮内容开始-->
        <div class="xyg-index-content-btn">
            <div class="xyg-index-content-btn-item" onclick="goTixianListPage('${memberId}')">
                <div class="xyg-index-content-btn-content">
                <img src="${s.base}/mobile/images/huanbao.png" class="xyg-index-content-btn-item-bg"/>
                </div>
                <div class="xyg-index-content-btn-item-title">
                    环保钱包
                </div>
            </div>
            <div class="xyg-index-content-btn-item" onclick="goCircleOrderListPage('${memberId}')">
                <div class="xyg-index-content-btn-content">
                <img src="${s.base}/mobile/images/order.png" class="xyg-index-content-btn-item-bg"/>
                </div>
                <div class="xyg-index-content-btn-item-title">
                    服务订单
                </div>
            </div>
            <div class="xyg-index-content-btn-item" onclick="goQyxdPage('${memberId}')">
                <div class="xyg-index-content-btn-content">
                <img src="${s.base}/mobile/images/101.png" class="xyg-index-content-btn-item-bg1"/>
                </div>
                <div class="xyg-index-content-btn-item-title" style="color: #111111;">
                    呼叫回收
                </div>
            </div>
            <div class="xyg-index-content-btn-item" onclick="goSfjgPage('${memberId}')">
                <div class="xyg-index-content-btn-content">
                <img src="${s.base}/mobile/images/code.png" class="xyg-index-content-btn-item-bg"/>
                 </div>
                <div class="xyg-index-content-btn-item-title">
                    最新价格
                </div>
            </div>
            <div class="xyg-index-content-btn-item">
                <a href="tel:18720410789">
                <div class="xyg-index-content-btn-content">
                <img src="${s.base}/mobile/images/service.png" class="xyg-index-content-btn-item-bg"/>
                </div>
                <div class="xyg-index-content-btn-item-title">
                    客服中心
                </div>
                </a>
            </div>
            <div class="clearBoth"></div>
        </div>
        <!--按钮内容结束-->
    </div>
    <!--详情内容结束-->
   <div onclick="goSfjgPage('${memberId}')" style="width: 96%; height: 140px; background: #FCE761; border-radius: 75px;margin: 2rem 2% 0px 2%;">
    <div style="width: 22%; float: left;">
        <img src="${s.base}/mobile/images/s.png" style="width: auto; height: 116px; margin: 12px auto;">
    </div>
       <div style="width: 78%; float: left; margin-top: 15px;">
           <div style="width: 100%; color: #010101; font-size:36px; line-height:60px;">
               您好！
           </div>
           <div style="width: 100%; color: #333333; font-size:28px; line-height: 50px;">
               请登陆查询各种废纸价格
           </div>
       </div>
       <div class="clearBoth"></div>
   </div>
    <style type="text/css">
        .xyg-comp-news1{width: 96%; height: auto; background: #ffffff;margin: 2rem 2% 0px 2%;}
        .xyg-comp-news1 .xyg-comp-title{width: 96%; height: 40px;padding: 10px 2%; border-bottom: 1px solid  #E6E6E6;}
        .xyg-comp-news1 .xyg-comp-title .xyg-comp-title-line{width: 8px; height:30px; margin-top: 5px; background:#FCE761; float: left; }
        .xyg-comp-news1 .xyg-comp-title .xyg-comp-title-content{width:90%; margin-left: 10px; height: 100%; float: left; color: #333333; line-height: 40px; font-size: 36px;}
        .xyg-comp-news1 .xyg-comp-item{width: 96%; height: auto;padding: 20px 2%; border-bottom: 1px solid  #E6E6E6;}
        .xyg-comp-news1 .xyg-comp-item .xyg-comp-item-left{width: 70%; float: left;}
        .xyg-comp-news1 .xyg-comp-item .xyg-comp-item-left .xyg-comp-item-left-title{font-size:32px; height: 100px; line-height:50px; color:#333333;}
        .xyg-comp-news1 .xyg-comp-item .xyg-comp-item-left .xyg-comp-item-left-time{font-size:28px; height: 40px; line-height:40px; color:#999999;}
        .xyg-comp-news1 .xyg-comp-item .xyg-comp-item-right{width: 30%; float: left;}
        .xyg-comp-news1 .xyg-comp-item .xyg-comp-item-right img{width:190px; height: 130px; padding: 5px 0px;}
    </style>
    <!--资讯-->
    <div class="xyg-comp-news1">
        <div class="xyg-comp-title">
            <div class="xyg-comp-title-line"></div>
            <div class="xyg-comp-title-content">
                回收资讯
            </div>
            <div class="clearBoth"></div>
        </div>
        <#list webArticleList as webArticle>
            <div onclick="getWebArticleDetailPage('${memberId}','${webArticle.id}')" class="xyg-comp-item">
                <div class="xyg-comp-item-left">
                    <div class="xyg-comp-item-left-title">
                        ${webArticle.title}
                    </div>
                    <div class="xyg-comp-item-left-time">
                        ${webArticle.createTime?string('yyyy-MM-dd HH:mm:ss')}
                    </div>
                </div>
                <div class="xyg-comp-item-right">
                    <img src=" ${webArticle.picture}" />
                </div>
                <div class="clearBoth"></div>
            </div>
        </#list>
    <!--资讯-->
</div>

<!--底部菜单开始-->
<div style="width:100%; height:4.5rem;"></div>
<div class="xyg-comp-bottom">
    <div class="xyg-comp-bottom-item">
        <a href="javascript:void(0)" onclick="goFistPage('${memberId}')">
            <img src="${s.base}/mobile/images/menu_icon_1_a.png"/>
            <div class="xyg-comp-bottom-item-text select-text">首页</div>
        </a>
    </div>
    <div class="xyg-comp-bottom-item">
        <a href="javascript:void(0)" onclick="goMyPage('${memberId}')">
            <img src="${s.base}/mobile/images/menu_icon_3.png"/>
            <div class="xyg-comp-bottom-item-text">我的</div>
        </a>
    </div>
    <div class="clearBoth"></div>
</div>
</body>
<script src="https://res.wx.qq.com/open/js/jweixin-1.3.2.js"></script>
<script src="${s.base}/mobile/js/jquery-2.1.4.js"></script>
<script src="${s.base}/mobile/js/jquery-weui.js"></script>
<script src="${s.base}/mobile/js/swiper.js"></script>
<script src="${s.base}/mobile/fonts/iconfont.js"></script>
<script src="${s.base}/mobile/js/component.js?1216334345454345562"></script>
<script src="${s.base}/mobile/js/base.js?12163345454345562"></script>
<!--js分享代码开始-->
<input type="hidden" value="${jSTicketShareResponse.appid}" id="appid" />
<input type="hidden" value="${jSTicketShareResponse.fxTitle}" id="fxTitle" />
<input type="hidden" value="${jSTicketShareResponse.fxImgUrl}" id="fxImgUrl" />
<input type="hidden" value="${jSTicketShareResponse.fxDesc}" id="fxDesc" />
<input type="hidden" value="${jSTicketShareResponse.fxUrl}" id="fxUrl" />
<input type="hidden" value="${jSTicketShareResponse.nonceStr}" id="nonceStr" />
<input type="hidden" value="${jSTicketShareResponse.timestamp}" id="timestamp" />
<input type="hidden" value="${jSTicketShareResponse.signature}" id="signature" />
<script src="${s.base}/mobile/js/share.js?1216334345454345562"></script>
<script type="text/javascript">
    $(document).ready(function(){
        $.fn.initXygCompBanner();
        $.fn.initXygCompNotice($(".xyg-comp-notice-content"));
    });
    function setWxAddress() {
        wx.getLocation({
            type: 'wgs84', // 默认为wgs84的gps坐标，如果要返回直接给openLocation用的火星坐标，可传入'gcj02'
            success: function (res) {
                var latitude = res.latitude; // 纬度，浮点数，范围为90 ~ -90
                var longitude = res.longitude; // 经度，浮点数，范围为180 ~ -180。
                $("#latitude").val(latitude);
                $("#longitude").val(longitude);
            }
        });
    }
    /*$("#sm").on("click",function () {
        var cardNo = $(this).attr("data-value");
        $.alert(cardNo);
    })*/
</script>
</html>
